<template>
  <section class="main-container posRea pad" :class="{
    mobile:$isMobile
  }">
   <div @click="logOut" v-show="$store.state.isLogin" class="posRig posAb marTop logOutBtn">
    退出
   </div> 
  <nuxt />
</section>
</template>

<script>

export default {
  components: {
  
  },
  data() {
    return {
    
    }
  },
  methods:{
    logOut(){
      this.$store.dispatch('setLoginFn','')
      let redirectUrl = (this.$route.query&&this.$route.query.redirect)||'/'
      this.$router.replace('/login'+redirectUrl)
    }
  },
  mounted(){
   
  },
  computed: {
    
  }
}
</script>

<style  scoped>

.main-container{

}
.logOutBtn{
  background:#ff9a50;
  padding:0 25px;
  height:40px;
  font-size:14px;
  line-height:40px;
  border-radius:20px;
  color:#fff;
}
@media screen and max-width(1000px){
  .main-container{
    max-width:780px;
    margin:0 auto;
}
}
</style>
